<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Folder manager</title>

<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap.min.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap-theme.min.css"/>" />
<!-- local css -->
<link rel="stylesheet"
	href="<c:url value="/resources/css/config/folderManager.css"/>" />
<script src="<c:url value="/resources/lib/jquery-2.1.4.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/bootstrap-3.3.5/js/bootstrap.min.js" />"
	type="text/javascript"></script>
<script src="<c:url value="/resources/js/config/folderManager.js" />"
	type="text/javascript"></script>
</head>
<body>
	<header class="text-center">
		<h2>Folder Manager</h2>
	</header>

	<section>
		<div id="addNewXpath" class="div-group">
			<div class="form-group">
				<label for="folderKey">Folder Key:</label> <input type="text"
					class="form-control folder-input" id="folderKey" value=""
					placeholder="the key of your folder">
			</div>
			<div class="form-group">
				<label for="folderPath">Folder path:</label> <input type="text"
					class="form-control folder-input" id="folderPath" value=""
					placeholder="the path of your folder">
			</div>

			<div class="form-group">
				<input type="button" value="Add folder" id="addNodeBtn"
					class="btn btn-default">
			</div>
		</div>



		<div id="ViewAllXpath" class="div-group">
			<header>
				<h3>ViewAllXpath</h3>
			</header>
			<table class="table table-bordered">
				<thead>
					<tr>
						<th>Name</th>
						<th>Value</th>
						<th>Delete</th>
					</tr>
				</thead>
				<tbody id="viewXpath">

				</tbody>

			</table>
		</div>
		<div id="msg"></div>

	</section>


</body>
</html>